<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>   
        <title>Grepolis Evolution - Picassa Webalbum</title>

		<script type="text/javascript">
			var _gaq = _gaq || [];
			  _gaq.push(['_setAccount', 'UA-23173071-1']);
			  _gaq.push(['_trackPageview']);

			  (function() {
				var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
				ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
				var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			  })();
		</script>
		
		
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

        <link   href="css/jquery.slimbox2.css" rel="stylesheet" type="text/css"/>
        <script src="js/jquery.slimbox2.js" type="text/javascript"></script>
        <script src="js/jquery.blockUI.js" type="text/javascript"></script>

        <link   href="css/pwi.css" rel="stylesheet" type="text/css"/>
        <link   href="css/main.css" rel="stylesheet" type="text/css"/>
        <script src="js/jquery.pwi.js" type="text/javascript"></script>

        <script type="text/javascript">
		
			// for svn see : http://www.ubuntudz.com/2010/10/hebergement-de-fichiers-texte.html
		
            $(document).ready(function () {

                $("#container").pwi({
					username: 'mickeyd.grepolis',          // <-- REQUIRED TO SET, NOT OPTIONAL, THE REST IS!!!
					mode: 'albums',         //-- can be: album, albums, latest (default: "albums")
					album: "",              //-- specify an album id if mode is 'album', default: ""
					authKey: "",            //-- specify the authKey if you choose mode 'album' and specified an unlisted album from picasa, default: ""
					albums: [],             //-- specify a lits of album id's if mode is 'albums', leave as [] to show all albums (ex. ['album1','album2'], default: []) 
					albumCrop: 1,           //-- crop the thumbs of the albums (1 = yes / 0 = no, default: 1)
					albumTitle: "",         //-- displays alternative album title if no title is specified in Picasa, default: ""
					albumThumbSize: 72,    //-- specify thumbnail size of albums (default: 160, supported: 32, 48, 64, 72, 144, 160)
					albumMaxResults: 999,   //-- display maximum number of albums (default: 999)
					albumStartIndex: 1,     //-- Start album index, if albumMaxResults is set to less then the available albums. (default: 1)
					albumTypes: "public",   //-- default: "public", currently not supported: "private", "all", "visible"
					page: 1,                //-- default: 1, Set to page if mode is 'album' and you want to start at a certain page of the album when the page is loaded.
					photoSize: 1500,         //-- Photo size to link to in the album (default: 800, supported: 200, 288, 320, 400, 512, 576, 640, 720, 800)
					maxResults: 50,         //-- Maximum amount of photo's per album page (default: 50)
					thumbSize: 200,          //-- specify thumbnail size of photo's (default: 72, supported (un)cropped: 32, 48, 64, 72, 144, 160 and uncropped only: 200, 288, 320, 400, 512, 576, 640, 720, 800) 
					thumbCrop: 0,           //-- crop the thumb of the photo's (default: 0, 1 = yes / 0 = no) cropping makes the thumbs square and gives consistent layout
					thumbCss: {'margin' : '1px'}, //-- override and add custom styles for the thumbs (see http://docs.jquery.com/CSS/css#properties for specification)
					onclickThumb: "",       //-- override click on single photo thumb. specify a function to replace slimbox,see demo 3 for an example
					popupExt: "",   //-- override click on photo thumb with other jQuery plugin. specify a function to replace slimbox2,see demo 6 for an example
					showAlbumTitles: false, //true,  //-- Display title underneath album thumbs
					showAlbumdate: false, //true,    //-- Display date underneath album thumbs
					showAlbumPhotoCount: false, //true,//-- Display amount of photo's in album underneath album thumb
					showAlbumDescription: false, //true,//-- Display album description on photo page
					showAlbumLocation: false, //true,//-- Display location (if specified) of album in album description on photo page
					showSlideshowLink: false, //true,//-- Display link to slideshow (native Picasa Web Album slideshow) on photo page
					showPhotoCaption: true,//-- Show caption underneath photo thumb (not recommended to prevent layout issues)
					showPhotoDate: true,//-- Show photo date in caption
					labels: { //-- override labels, to translate into your required language
							photo:"Map",
							photos: "Ocean",
							albums: "Retour General",
							slideshow: "Display Evolution",
							loading: "Loading data...",
							page: "Page",
							prev: "Previous",
							next: "Next",
							devider: "|"
					},
					months: ["January","February","March","April","May","June","July","August","September","October","November","December"], //--tranlate into your lanugage if needed
					slimbox_config: {       //-- override default slimbox configuration and behaviour (see for details: http://code.google.com/p/slimbox/wiki/jQueryManual)
							loop: false,
							overlayOpacity: 0.6,
							overlayFadeDuration: 1,
							resizeDuration: 1,
							resizeEasing: "swing",
							initialWidth: 250,
							initlaHeight: 250,
							imageFadeDuration: 10,
							captionAnimationDuration: 1,
							counterText: "{x}/{y}",
							closeKeys: [27, 88, 67, 70],
							prevKeys: [37, 80],
							nextKeys: [39, 83]
					},
					blockUIConfig: {        //-- override default blockUI configuration and behaviour (see for details: http://malsup.com/jquery/block/#options )
							message: "<div class='lbLoading pwi_loader'>loading...<div>",
							css: "pwi_loader"
					}
                });
            });
        </script>
    </head>
    <body>
	<div class="MainBox"> 
		<h3><a href="index.html">Grepolis Evolution </a> <br/> Affichage de la carte du serveur Nu ( fr13 ) </h3>
		<br/>
		<div style="width:740px; height:740px">
			<div id="container"></div>
		</div>
	</div>	
    </body>
</html>